<!-- 财务统计 -->
<template>
  <div class="app-container">
    <el-tabs v-model="activeName" type="card">
      <el-tab-pane v-for="(item, index) of tabs" :key="index" :label="item.label" :name="item.name">
        <component :is="item.name"  :id="index" :active="activeName" />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import ReceivablePayable from './ReceivablePayable'
import AgentPay from './AgentPay'

export default {
  name: "financeStatistics",
  components: {
    ReceivablePayable,
    AgentPay
  },
  data() {
    return {
      activeName: 'ReceivablePayable',
      tabs: [
        {
          label: '应收统计',
          name: 'ReceivablePayable'
        },
        // {
        //   label: '代收贷款统计',
        //   name: 'AgentPay'
        // }
      ],
    };
  },
  methods: {
    // tab 切换
    handleClick() {

    }

  }
};
</script>
<style lang="scss" scoped>
.el-tabs {
  ::v-deep {
    .el-tabs__header {
      margin-bottom: 0;
    }
  }
}
</style>
